<!DOCTYPE html>

<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" type="text/css" th:href="@{/css/index/style.css}">
</head>

<body th:background="@{/images/index/background4.jpg}">
    <div class="container right-panel-active">

        <!-- 登录 -->
        <div class="container__form container--signin">
            <form th:action="@{/user/login}" class="form" id="form2">
                <h2 class="form__title">欢迎登录</h2>
                <input type="text" placeholder="手机号" class="input" name="phone"/>
                <input type="password" placeholder="密码" class="input" name="password"/>
                <a href="#" class="link">忘记密码?</a>
                <button class="btn" id="loginbtn">登录</button>
            </form>
        </div>

        <!-- 注册 -->
        <div class="container__form container--signup">
            <form th:action="@{/user/resigter}" class="form" id="form1" >
                <h2 class="form__title">注册账号</h2>
                <input type="text" placeholder="用户名" class="input" name="name"/>
                <input type="text" placeholder="手机号" class="input" name="phone"/>
                <input type="password" placeholder="密码" class="input" name="password"/>
                <button class="btn" id="regisbtn">点击注册</button>
            </form>
        </div>

        <!-- 叠加部分 -->
        <div class="container__overlay">
            <div class="overlay">
                <div class="overlay__panel overlay--left">
                    <button class="btn" id="signIn">已有账号，直接登录</button>
                </div>
                <div class="overlay__panel overlay--right">
                    <button class="btn" id="signUp">没有账号，点击注册</button>
                </div>
            </div>
        </div>
    </div>
</body>
<script th:src="@{/js/index/script.js}"></script>
</html>